<template>
    <div class="ejectP">
           <u-navbar :is-back="true" title="设备联系人" back-text='' >
      <view class="slot-right" style="width: 100%;display: flex;justify-content: flex-end;" >
				<!-- <div>
                <image @click="goSettingM" style="width: 1rem;padding: 1rem;" src="../../style/image/my/设 置.png" alt="">
                </div> -->
			</view>
      </u-navbar>

        <div class="cards" >

            <div class="crads-item">

                <div class="crads-top">
                    <div style="display: flex;
align-items: center;">
                    <u-avatar :src="src" mode="circle"></u-avatar>
                    <div style="
font-size: 0.88rem;
font-family: PingFang SC;
font-weight: 400;
margin-left:0.5rem
color: #000000;" >沫沫沫</div>
                    </div>

                    <image  style="width: 1rem;height: 1rem;" src='../../style/image/Shome/A30.png' alt="">

                </div>

                <div style="
font-size: 0.77rem;
font-family: PingFang SC;
font-weight: 300;
padding:0.2rem;
color: #000000;">
                    联系电话：188765434456
                </div>
                 <div style="
font-size: 0.77rem;
font-family: PingFang SC;
font-weight: 300;
padding:0.2rem;
color: #000000;">
                    底座SN：16567676、98767876
                </div>
                

                <div>
                
                </div>

            </div>
        
        </div>

    </div>
    
</template>

<script lang='ts' >

 import { Component, Prop,Vue, Watch ,Emit} from 'vue-property-decorator'


 @Component({     //   @Component  是一个装修器   不可以在下面写语句
        name: 'test',
    })


    export default class extends Vue {
 
     @Prop({
            type: String, // 父组件传递给子组件的数据类型
            required: false, // 是否必填
            default: ' ' // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
        }) msg!:string;


        public showDatas=[
                {
                    name:'U600底座',
                    phone:'123312312'
                },
                   {
                    name:'U600底座',
                    phone:'123312312'
                },   {
                    name:'U600底座',
                    phone:'123312312'
                },   {
                    name:'U600底座',
                    phone:'123312312'
                }
        ]
       
         created() {
          }

          mounted() {
              //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑

                
    //  uni.navigateTo({
    // url: './selectBusin'
    // });
          }

          goejectNextM(){
          
            console.log('123')
          }

    }
</script>

<style  lang="scss"  scoped>

.ejectP{

    background-color: #f4f5f7;
height: 100vh;
}
.showDatas-item{
display: flex;
align-items: center;
background-color: white;
margin: 0.5rem;
padding: 0.1rem 1rem;
border-radius: 8px;
}

.showDatas-item{

 display: flex;
 justify-content: space-between;
 align-items: center;
}

.crads-item{

    background-color: white;
    margin: 0.5rem;
    border-radius: 0.3rem;
    padding: 1rem;
}
.crads-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0rem;
}

</style>